<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!--
        indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
        如果没有找到匹配的字符串则返回 -1。
        注意： indexOf() 方法区分大小写。
        提示： 同样你可以查看类似方法 lastIndexOf() 。
        语法:string.indexOf(searchvalue:必填,规定检索的字符串值,
        start:可选参数,规定在字符串中开始检索的位置.它的合法取值范围是0~string.lenght-1,如果没有填该参数则默认从字符串的首位字符串开始检索)
        返回为-1时,表示没有找到该字符串
      -->
    <!-- w3c实例 -->
    <script>
        var text = "这段话是在测试string.indexOf()",
            n = text.indexOf("测试", 6);
        // 我测试了  当只写"试"返回值是6
        //当写"测试"返回值是5,这也就是说该方法返回值是按搜索到的字符串第一位的索引来算的
        console.log("该字符的索引是:" + n);
    </script>

    <!-- 
        lastIndexOf()方法可返回某个指定的字符串值在字符串中从尾向前算出现的位置,
        如果没有找到匹配的字符串则返回-1.
        注意:indexOf()方法区分大小写,
        提示:同样你可以查看类似方法indexOf().
        语法:string.lastIndexOf(srearchvalue:必填,规定检索的字符串值,
        start:可选参数,规定在字符串中开始检索的位置,它的合法取值范围是0~string.lenght-1,如果没有填该参数则默认从尾部开始搜索)
        返回-1时,表示没有找到该字符串
     -->
    <!-- w3c实例 -->
    <script>
        var text = "这段话是在测试string.lastIndexOf()",
            n = text.lastIndexOf("测试", 5);
        // 基本和上面的方法相同
        // 不同点在于可选参数是从为不往前数
        console.log("该字符的索引是:" + n);
    </script>

    <!-- 
        很重要:可选参数我写了一遍没懂是什么意思,仔细看了才知道.
        方法执行顺序是在可选参数找到规定的字符串的位置,然后在该字符往后(indexOf())/往前(lastIndexOf())搜索,但返回值都是从索引开头0开始算

     -->
</body>

</html>